<template>
  <div class="whl-subsidy-container scroll-view">
    <customHeader :middleTitle="title" @leftCallBack="goBack" :customizedStyle="customizedStyle" :leftStyle="leftStyle"/>
    <div class="page-body">
      <div class="whl-title-box">
        <h2>2023年11月份</h2>
        <h2>共享付补贴政策</h2>
      </div>
      <div class="whl-content">
        <h3>当月新入网商户政策</h3>
        <p>1、补贴：连续6个月的手续费补贴政策。</p>
        <p>入网前3个月支付交易0.25%手续费(有券补或积分补)，后3个月(月活存日均2万元)支付交易0.25%费率(有券补或积分补)，(以自然月统计，不分月初月末)</p>
        <p>2、限额：当月超出10万元部分按0.25%费率收取;</p>
      </div>
      <div class="whl-content">
        <h3>非当月入网的存量用户</h3>
        <p>1、费率:8月31日前开通门店，11月1日起系统自动执行0.1%费率政策(有券补或积分补);0.1%费率手续费补贴，将以云商优惠券或积分的方式返还至门店平台账号;</p>
        <p>2、限额:7月31日前开通门店，每月30万优惠手续费额度;</p>
        <ul>
          <li>· 8-9月开通门店20万内优惠手续费额度;</li>
          <li>· 10月起开通门店10万内享受优惠手续费额度</li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
import customHeader from "../../components/header/header.vue";
import jsBridge from "../../tools/jsBridge";

export default {
  components: {customHeader},
  data() {
    return {
      title: '补贴政策',
      customizedStyle: {
        backgroundColor: '#D81212',
        color: '#fff'
      },
      leftStyle: {
        color: '#fff'
      }
    }
  },
  methods: {
    goBack() {
      if (String(this.$route.query.close) === 'true') {
        jsBridge.closeWindow();
      } else {
        this.$router.back();
      }
    }
  }
}
</script>
<style lang="scss">
@import '../../style/public';
.whl-subsidy-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  .whl-title-box {
    width: 100%;
    height: pw(150);
    background: linear-gradient(0deg, rgba(243, 243, 243, 0.00) 0%, #FF7171 17.71%, #D81212 42.71%, #D81212 100%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-top: pw(20);
    box-sizing: border-box;
    &>h2 {
      width: 100%;
      height: pw(40);
      line-height: pw(40);
      text-align: center;
      text-shadow: 0 pw(1) pw(2) #EB3F3F;
      font-family: PingFang SC,serif;
      font-size: pw(26);
      font-weight: 700;
      color: #fff;
      background: linear-gradient(180deg, #FFC0C0 0%, #FFCECE 17.93%, #FFF 87.19%);
      background-clip: text;
      -webkit-background-clip: text;
    }
  }
  .whl-content {
    width: pw(355);
    height: auto;
    overflow: hidden;
    border-radius: pw(10);
    background: #FFF;
    margin: 0 auto;
    padding: pw(10);
    box-sizing: border-box;
    transform: translateY(pw(-30));
    margin-bottom: pw(10);
    &>h3 {
      width: 100%;
      height: pw(40) !important;
      display: flex;
      align-items: center;
      color: #262626;
      font-size: pw(14);
      font-weight: 500;
      box-sizing: border-box;
      &:before {
        content: '';
        display: block;
        width: pw(4);
        height: pw(12);
        border-radius: pw(4);
        background: #FF211A;
        margin-right: pw(5);
      }
    }
    &>p {
      width: 100%;
      height: auto;
      overflow: hidden;
      color: #262626;
      text-align: justify;
      font-family: PingFang SC,serif;
      font-size: pw(14);
      font-weight: 400;
      line-height: pw(22);
    }
    &>ul {
      width: 100%;
      height: auto;
      color: #262626;
      text-align: justify;
      font-family: PingFang SC,serif;
      font-size: pw(14);
      margin-top: pw(5);
      &>li {
        width: 100%;
        height: auto;
        line-height: pw(22);
      }
    }
  }
}
</style>
